<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form</title>

    <script src="../js/jquery-3.3.1.min.js"></script>

    <link rel="stylesheet" href="../css/form.css"/>

</head>
<body>

<table border="1">
    <tbody class="main">
    <tr>
        <td>选择</td>
        <td>名称</td>
        <td>数量</td>
        <td>单位</td>
        <td>操作</td>
    </tr>
    <tr>
        <td><input type="checkbox" class="check"/></td>
        <td>999感冒灵</td>
        <td>15</td>
        <td>盒</td>
        <td><button class="change">修改</button></td>
    </tr>
    <tr>
        <td><input type="checkbox" class="check"/></td>
        <td>急支糖浆</td>
        <td>15</td>
        <td>盒</td>
        <td><button class="change">修改</button></td>
    </tr>

    <tr>
        <td><input type="checkbox" class="check"/></td>
        <td>急支糖浆</td>
        <td>15</td>
        <td>盒</td>
        <td><button class="change">修改</button></td>
    </tr>

    <tr>
        <td><input type="checkbox" class="check"/></td>
        <td>急支糖浆</td>
        <td>15</td>
        <td>盒</td>
        <td><button class="change">修改</button></td>
    </tr>

    </tbody>

    <tr>
        <td>
            <input type="checkbox" id="all"/>
            <label for="all">全选</label>

        </td>
        <td colspan="4"><button class="delete" style="width: 100%">删除</button></td>
    </tr>


</table>


<table border="1" style="margin-top: 40px">
    <tr>
        <td colspan="2">新增产品</td>
    </tr>
    <tr>
        <td>名称</td>
        <td><input type="text" class="name" /></td>
    </tr>
    <tr>
        <td>数量</td>
        <td><input type="text"  class="number"/></td>
    </tr>
    <tr>
        <td>单位</td>
        <td><input type="text" class="company" /></td>
    </tr>
    <tr>
        <td colspan="2">
            <button style="width: 100%" class="addBtn">确定增加</button>
        </td>
    </tr>
</table>


<!--导航-->
<ul class="daohang">
    <li data-id="index">首页</li>
    <li data-id="news">新闻</li>
    <li data-id="contact">联系我们</li>
    <li data-id="about">关于我们</li>
</ul>


<div id="index" class="page">首页</div>
<div id="news" class="page">新闻</div>
<div id="contact" class="page">联系我们</div>
<div id="about" class="page">关于我们</div>


<!--折叠滑动-->

<ul class="zhedie">
    <li>
        <span>aa</span>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </li>

    <li>
        <span>bb</span>
        <ul>
            <li>4</li>
            <li>5</li>
            <li>6</li>
        </ul>
    </li>

    <li>
        <span>cc</span>
        <ul>
            <li>7</li>
            <li>8</li>
            <li>9</li>
        </ul>
    </li>
</ul>








<script src="../js/form.js"></script>
</body>
</html>